<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 引入字体图标 -->
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <!-- 引入css -->
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <!-- 头部 -->
  <header>
    <i class="iconfont icon-left"></i>
    <h3>极速问诊</h3>
    <a href="#">问诊记录</a>
  </header>

  <!-- banner区域 -->
  <div class="banner">
    <img src="./assets/entry.png" alt="">
    <p><span>20s</span>快速匹配专业医生</p>
  </div>

  <!-- 文本区域 -->
  <div class="txt">
    <ul>
      <li>
        <div class="pic">
          <img src="./assets/type01.png" alt="">
        </div>
        <div class="text">
          <h4>三甲图文问诊</h4>
          <p>三甲主治及以上级别医生</p>
        </div>
        <i class="iconfont icon-right"></i>
      </li>
      <li>
        <div class="pic">
          <img src="./assets/type02.png" alt="">
        </div>
        <div class="text">
          <h4>普通图文问诊</h4>
          <p>二甲主治及以上级别医生</p>
        </div>
        <i class="iconfont icon-right"></i>
      </li>
    </ul>
  </div>
  <!-- 引入js库 -->
  <script src="./js/flexible.js"></script>
</body>
</html>